<div class="table-header" [ngClass]="{'table-header-ov':tabValStorage?.length>=10}">
  <table class="table table-bordered table-header">
    <thead>
      <tr>
        <td class="w5 text-center">
          <input type="checkbox" #event (click)="selectAll(event.checked, tabValStorage)" [checked]="isSelectAll">
        </td>
        <td class="w5 text-center">
          <!-- 未读<img width="0px;" src="assets/right-product/unread.png"> -->
        </td>
        <td class="w5 text-center">序号</td>
        <td class="w20 text-left">入库批次号</td>
        <td class="w10 text-left">入库操作人</td>
        <td class="w20 text-left">操作时间</td>
        <td class="w20 text-left">描述</td>
        <td class="w15 text-center">对账文件下载</td>
        <!-- <td class="w15 text-left">到期时间</td> -->
        <!-- <td class="w15 text-left">入库描述</td> -->
      </tr>
    </thead>
  </table>
</div>
<div class="table-body">
  <table class="table table-bordered table-header overflow-table">
    <tbody class="no-border" *ngIf="tabValStorage">

      <tr *ngFor="let val of tabValStorage; let i = index;" [ngClass]="{'active':i%2!=0}">
        <td class="w5 text-center">
          <!-- <span class="point" *ngIf="val.push_status == 0"></span> -->
          <input type="checkbox" #event (click)="chose(event.checked, val.pushMessageId, val.length)" [checked]="isChose" style="margin-top: 11px;">
        </td>
        <td class="w5 text-center" (click)="updatePushStatus(val,0)">
          <!-- <span class="point" *ngIf="val.push_status == 0"></span>  -->
          <img width="34px" *ngIf="val.pushStatus == 0" height="34px" src="assets/right-product/unread.png">
        </td>
        <td class="w5 text-center max-w" (click)="updatePushStatus(val,0)">
          <p class="details-p ">{{tableNumber+i+1}}</p>
        </td>
        <td class="w20 text-left max-w" (click)="updatePushStatus(val,0)">
          <p class="details-p ">{{val.storeBatchNumber}}</p>
        </td>
        <td class="w10 text-left max-w" (click)="updatePushStatus(val,0)">
          <p class="details-p ">{{val.storeUserName}}</p>
        </td>
        <td class="w20 text-left max-w" (click)="updatePushStatus(val,0)">
          <p class="details-p ">{{val.storePushDatetime | date:'yyyy-MM-dd HH:mm:ss'}}</p>
        </td>
        <td class="w20 text-left max-w" title="{{val.pushDesc}}" (click)="updatePushStatus(val,0)">
          <p class="details-p ">{{val.pushDesc}}</p>
        </td>
        <td class="w15 text-center max-w" >
          <span class="details-p export text-danger" (click)="export(val.pushDownUrl)" title="{{val.pushDownUrl}}">下载</span>
        </td>

        <!-- <td class="w15 text-left" (click)="updatePushStatus(val,0)">
          <p class="details-p text-danger" *ngIf="val.pushStatus == 0">
            <strong>未推送</strong>
          </p>
          <p class="details-p text-success" *ngIf="val.pushStatus == 1">
            <strong>已推送</strong>
          </p>
        </td> -->
        
        <!-- <td class="w15 text-left">
          <p class="details-p">{{val.pushDesc}}</p>
        </td> -->
      </tr>
    </tbody>
  </table>
</div>

<div style="position:relative">
  <button class="btn btn-fff" [disabled]="removeTableService.getRemoveTableId.length == 0" (click)="updatePushStatus(null,0)"
    style="position: absolute;left: 305px;top: 7px;z-index: 99;">批量已读</button>
  <button class="btn btn-fff" [disabled]="removeTableService.getRemoveTableId.length == 0" (click)="updatePushStatus(null,1)"
    style="position: absolute;left: 400px;top: 7px;z-index: 99;">批量删除</button>
  <!-- <div class="info-bottom"> -->
  <app-pagination [getTotalItems]="totalItems" (isLoadTableFromPagination)="isLoadTableFromPaginationHandler($event)"></app-pagination>
  <!-- </div> -->
</div>